<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../css/common.css" />
    <link rel="stylesheet" href="../../css/supply/supply.css" />
    <link rel="stylesheet" href="../../js/bootstrap-table/bootstrap-table.min.css">
    <style>
        img{
            max-width:120px;_width:expression(this.width > 120 ? "120px" : this.width);
        }
    </style>
</head>
<body>
    <ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a href="#commodity" data-toggle="tab">
                商品列表</br>
                <span>Product List</span>
            </a>
        </li>
        <li>
            <a href="#saveCommodity" data-toggle="tab">
                新增商品</br>
                <span>Add products</span>
            </a>
        </li>
        <li>
            <a href="#discount" data-toggle="tab">
                优惠管理</br>
                <span>Discount</span>
            </a>
        </li>
        <li>
            <a href="#saveDiscount" data-toggle="tab">
                新增优惠</br>
                <span>new offers</span>
            </a>
        </li>
    </ul>

    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="commodity">
            <div class="checkHead">
                <table class="checkHead-table">
                    <tr>
                        <td class="form-title">
                            分类(可多选)</br>Category(multiple choice)
                        </td>
                        <td class="form-value" colspan="3">
                            <div class="check-btns">
                              <ul>
                                  <li>
                                      <button class="check-btn">
                                          类别选择</br>Category selection
                                      </button>
                                      <div id="triangle1"></div>
                                      <div class="hidDiv" id="category">
                                          <div class="category_checkbox form-inline">
                                              <label v-for="item in categoryData">
                                                  <input type="checkbox" class="form-group"  :value="item.id"/>
                                                  <span class="form-group">{{item.name}}</br>{{item.name_e}}</span>
                                              </label>
                                          </div>
                                          <a href="javascript:void(0);" class="select_a yesBtn">确定</br>determine</a>
                                      </div>
                                  </li>
                                  <li>
                                      <button class="check-btn">
                                          种类选择</br>Kind of choice
                                      </button>
                                      <div id="triangle2"></div>
                                      <div class="hidDiv" id="kindOf">
                                          <div class="category_checkbox form-inline">
                                              <label v-for="item in typeData">
                                                  <input type="checkbox" class="form-group"  :value="item.id"/>
                                                  <span class="form-group">{{item.name}}</br>{{item.name_e}}</span>
                                              </label>
                                          </div>
                                          <a href="javascript:void(0);" class="select_a yesBtn">确定</br>determine</a>
                                      </div>
                                  </li>
                                  <li>
                                      <button class="check-btn">
                                          品牌选择</br>Brand choice
                                      </button>
                                      <div id="triangle3"></div>
                                      <div class="hidDiv" id="brand">
                                          <div class="category_checkbox form-inline">
                                              <label v-for="item in brandData">
                                                  <input type="checkbox" class="form-group"  :value="item.id"/>
                                                  <span class="form-group">{{item.name}}</br>{{item.name_e}}</span>
                                              </label>
                                          </div>
                                          <a href="javascript:void(0);" class="select_a yesBtn">确定</br>determine</a>
                                      </div>
                                  </li>
                              </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-title">
                            价格</br>Price
                        </td>
                        <td  class="form-value">
                            <div class="form-inline" style="margin-left: 35px;">
                                <div class="form-group" style="width: 30px;border: 1px solid #A9A9A9;height: 40px;">

                                </div>
                                <div class="form-group">
                                    <input type="text" class="Price" style="margin-left: -4px;margin-top:1px;margin-right:0px;padding: 0;width: 110px;"/>
                                </div>
                                <div class="form-group" style="width: 30px;border: 1px solid #A9A9A9;height: 40px;margin-left: -4px;text-align: center;line-height: 40px;">
                                    <span>--</span>
                                </div>
                                <div class="form-group">
                                    <input type="text" class="Price" style="margin-left: -4px;margin-top:1px;margin-right:0px;padding: 0;width: 110px;"/>
                                </div>
                                <div class="form-group" style="width: 30px;border: 1px solid #A9A9A9;height: 40px;margin-left: -5px;">

                                </div>
                            </div>
                        </td>
                        <td class="form-title">
                            库存</br>in stock
                        </td>
                        <td class="form-value">
                            <div class="form-inline" style="margin-left: 35px;">
                                <div class="form-group" style="width: 30px;border: 1px solid #A9A9A9;height: 40px;text-align: center;line-height: 40px;">
                                    件
                                </div>
                                <div class="form-group">
                                    <input type="text" class="inStock" style="margin-left: -4px;margin-top:1px;margin-right:0px;padding: 0;width: 110px;"/>
                                </div>
                                <div class="form-group" style="width: 30px;border: 1px solid #A9A9A9;height: 40px;margin-left: -4px;text-align: center;line-height: 40px;">
                                    <span>--</span>
                                </div>
                                <div class="form-group">
                                    <input type="text" class="inStock" style="margin-left: -4px;margin-top:1px;margin-right:0px;padding: 0;width: 110px;"/>
                                </div>
                                <div class="form-group" style="width: 30px;border: 1px solid #A9A9A9;height: 40px;margin-left: -5px;text-align: center;line-height: 40px;">
                                    件
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-title">
                            搜索</br>search for
                        </td>
                        <td class="form-value">
                            <input type="text" class="search"/>
                        </td>
                        <td class="form-title">
                            上架状态</br>Added to the state
                        </td>
                        <td class="form-value">
                            <div class="form-inline" style="margin-left: 35px;">
                                <a href="javascript:void(0);" style="width: 80px;" class="select_a form-group"  >全部</br>All</a>
                                <a href="javascript:void(0);" style="width: 80px;" class="select_a form-group"  >是</br>yes</a>
                                <a href="javascript:void(0);" style="width: 80px;" class="select_a form-group"  >否</br>no</a>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="check-commit-btn">
                <div>
                    <button>
                        查找
                        </br>
                        Find
                    </button>
                    <button>
                        重置
                        </br>
                        Reset
                    </button>
                </div>
            </div>
            <div class="supply-table">
                <div class="operation-btn">
                    <button>上架</button>
                    <button>下架</button>
                    <button>批量设置</button>
                    <button>删除</button>
                </div>
                <div class="table-responsive">
                    <table class="table" id="supply_table">
                    </table>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="saveCommodity">
            <div class="save_commodity_td">
                <span>商品名称</br>Product name</span>
                <div>
                    <input type="text" class="no_border_input" placeholder="请输入商品名称</br>Please enter the Product name"/>
                </div>
            </div>
            <div class="save_commodity_td">
                <span>商品简介</br>Product Description</span>
                <div>
                    <input type="text" class="no_border_input">
                </div>
            </div>
            <div class="save_commodity_td">
                <span>商品产地</br>Product name</span>
                <div>
                    <input type="text" class="no_border_input">
                </div>
            </div>
            <div class="form-inline save_commodity_td" style="padding-bottom: 10px;">
                <div class="form-group">
                    <a href="javascript:void(0);" click_div="leibie" class="select_a">类别选择</br>category selection</a>
                </div>
                <div class="form-group">
                    <input type="text" class="bottom_input" readonly="readonly"/>
                </div>
                <div class="form-group">
                    <a href="javascript:void(0);" class="select_a"  click_div="zhonglei">种类选择</br>Kind of choice</a>
                </div>
                <div class="form-group">
                    <input type="text" class="bottom_input" readonly="readonly"/>
                </div>
                <div class="form-group">
                    <a href="javascript:void(0);" class="select_a" click_div="zhonglei1">种类选择</br>Kind of choice</a>
                </div>
                <div class="form-group">
                    <input type="text" class="bottom_input" readonly="readonly"/>
                </div>
                <div class="form-group">
                    <a href="javascript:void(0)" class="select_a" click_div="pinpai">品牌选择</br>Brand choice</a>
                </div>
                <div class="form-group">
                    <input type="text" class="bottom_input" readonly="readonly"/>
                </div>
                <div class="select_a_div_triangle" id="select_a_div_triangle"></div>
                <div class="select_a_div" id="leibie">
                    <div class="category_checkbox form-inline">
                        <label v-for="item in saveCategoryData">
                            <input type="checkbox" class="form-group"  :value="item.id"/>
                            <span class="form-group">{{item.name}}</br>{{item.name_e}}</span>
                        </label>
                    </div>
                    <a href="javascript:void(0);" class="select_a yesBtn">确定</br>determine</a>
                </div>
                <div class="select_a_div_triangle" id="select_a_div_triangle1"></div>
                <div class="select_a_div" id="zhonglei">
                    <div class="category_checkbox form-inline">
                        <label v-for="item in saveTypeDataOne">
                            <input type="checkbox" class="form-group"  :value="item.id"/>
                            <span class="form-group">{{item.name}}</br>{{item.name_e}}</span>
                        </label>
                    </div>
                    <a href="javascript:void(0);" class="select_a yesBtn">确定</br>determine</a>
                </div>
                <div class="select_a_div_triangle" id="select_a_div_triangle2"></div>
                <div class="select_a_div" id="zhonglei1">
                    <div class="category_checkbox form-inline">
                        <label v-for="item in saveTypeData">
                            <input type="checkbox" class="form-group"  :value="item.id"/>
                            <span class="form-group">{{item.name}}</br>{{item.name_e}}</span>
                        </label>
                    </div>
                    <a href="javascript:void(0);" class="select_a yesBtn">确定</br>determine</a>
                </div>
                <div class="select_a_div_triangle" id="select_a_div_triangle3"></div>
                <div class="select_a_div" id="pinpai">
                    <div class="category_checkbox form-inline">
                        <label v-for="item in saveBrandData">
                            <input type="checkbox" class="form-group"  :value="item.id"/>
                            <span class="form-group">{{item.name}}</br>{{item.name_e}}</span>
                        </label>
                    </div>
                    <a href="javascript:void(0);" class="select_a yesBtn">确定</br>determine</a>
                </div>
            </div>
            <div class="save_commodity_td">
                <span>给商品添加橱窗图片</br>Add window pictures to product</span>
                <div style="margin-top: 10px;">
                    <div class="images">
                        <!--<img src="../../image/a.jpg" />-->
                    </div>
                    <a href="javascript:;" class="file">选择文件
                        <input type="file" value=""  id="file" style="margin-top: 3px;">
                    </a>
                </div>
            </div>
            <div class="save_commodity_td">
                <div class="form-inline">
                    <div class="form-group">
                        <span>单价/kg</br>Price</span>
                    </div>
                    <div class="form-group" style="padding-left: 10px;">
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group" style="margin-left: 30px;">
                        <span>库存</br>in stock</span>
                    </div>
                    <div class="form-group" style="padding-left: 10px;">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="table-responsive" style="border-top: 1px solid #dbdbdb;">
                    <table class="table" id="stock_table">
                    </table>
                </div>
            </div>
            <div class="save_commodity_td">
                <span>商品详情</br>Product details</span>
                <div>
                    <div class="images">
                        <!--<img src="../../image/a.jpg" />-->
                    </div>
                    <a href="javascript:;" class="file">选择文件
                        <input type="file" value="" style="margin-top: 3px;">
                    </a>
                </div>
            </div>
            <div  class="save_commodity_td">
                <span>商品状态</br>Product status</span>
                <div>
                    <label class="productStatus"><input type="radio" name="status" />上架</label>
                    <label class="productStatus" style="margin-left: 20px;"><input type="radio" name="status" />下架</label>
                </div>
            </div>
            <div class="form-inline save_commodity_td">
                <div class="form-group">
                    <span>是否添加增值税</br>Product status</span>
                </div>
                <div class="form-group" style="margin-left: 35px;">
                    <label style="margin-right: 20px;"><input type="radio" name="shui"/>是</label>
                    <label><input type="radio" name="shui">否</label>
                </div>
            </div>
            <div  class="save_commodity_td">
                <a href="javascript:void(0);" class="select_a" style="margin: 0 auto;">确认添加</br>Confirmn new</a>
            </div>
        </div>
        <div class="tab-pane fade" id="discount">
            <div class="checkHead">
                <table class="checkHead-table">
                    <tr>
                        <td class="form-title">
                            优惠类型</br>Discount type
                        </td>
                        <td class="form-value" colspan="3">
                            <div class="check-btns form-inline">
                                <div class="form-group" style="margin-right: 15px;">
                                    <a href="javascript:void(0);" class="select_a">全部</br>All</a>
                                </div>
                                <div class="form-group" style="margin-right: 15px;">
                                    <a href="javascript:void(0);" class="select_a">满减</br>Full reduction</a>
                                </div>
                                <div class="form-group" style="margin-right: 15px;">
                                    <a href="javascript:void(0);" class="select_a">满送</br>Full delivery</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-title">
                            活动状态</br>Active status
                        </td>
                        <td class="form-value" colspan="3">
                            <div class="check-btns form-inline">
                                <div class="form-group" style="margin-right: 15px;">
                                    <a href="javascript:void(0);" class="select_a">全部</br>All</a>
                                </div>
                                <div class="form-group" style="margin-right: 15px;">
                                    <a href="javascript:void(0);" class="select_a">进行时</br>When done</a>
                                </div>
                                <div class="form-group" style="margin-right: 15px;">
                                    <a href="javascript:void(0);" class="select_a">未开始</br>has not started</a>
                                </div>
                                <div class="form-group" style="margin-right: 15px;">
                                    <a href="javascript:void(0);" class="select_a">过期</br>Expired</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="form-title">
                            搜索</br>search for
                        </td>
                        <td class="form-value" colspan="3">
                            <input type="text" class="fenlei"/>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="check-commit-btn">
                <div>
                    <button>
                        选择商品
                        </br>
                        Choice of foods
                    </button>
                    <button>
                        重置
                        </br>
                        Reset
                    </button>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table" id="discount_table">
                </table>
            </div>
        </div>
        <div class="tab-pane fade" id="saveDiscount">
            <div class="save_commodity_td">
                <span>请选择优惠类型</br>Please select the type of discount</span>
                <div class="form-inline" style="margin-top: 15px;margin-bottom: 10px;">
                    <div class="form-group" style="margin-right: 20px;">
                        <a href="javascript:void(0);" data_value="减" class="select_a active_a reduce_give">满减</br>Full reduction</a>
                    </div>
                    <div class="form-group" style="margin-top: 15px;margin-bottom: 10px; position: relative;top: -3px;">
                        <a href="javascript:void(0);" data_value="送" class="select_a reduce_give">满送</br>Full delivery</a>
                    </div>
                </div>
            </div>
            <div class="save_commodity_td">
                <span>满减活动名称</br>Reduce the activity name</span>
                <div>
                    <input type="text" class="no_border_input" placeholder="请输入满减活动名称</br>Please enter the Product name"/>
                </div>
            </div>
            <div class="save_commodity_td">
                <span>有效期</br>Validity</span>
                <div>
                    <div style="margin-top: 10px;">
                        <input type="button" style="height: 40px;" value="设置开始时间" />
                        <input type="text" class="bottom_input" readonly="readonly"/>
                    </div>
                    <div style="margin-top: 10px;">
                        <input type="button" style="height: 40px;" value="设置结束时间" />
                        <input type="text" class="bottom_input" readonly="readonly"/>
                    </div>
                </div>
            </div>
            <div class="save_commodity_td" id="reduce">
                <span>规则</br>rules</span>
                <div>
                    <div style="margin-top: 10px;margin-bottom: 10px;">
                        <span>满</span>
                        <input type="text" class="bottom_input" readonly="readonly"/>
                        <span id="zhongjian">减</span>
                        <input type="text" class="bottom_input" readonly="readonly"/>
                    </div>
                </div>
            </div>
            <div  class="save_commodity_td" style="border: none;">
                <a href="javascript:void(0);" class="select_a" style="margin: 0 auto;">确认添加</br>Confirmn new</a>
            </div>
        </div>
    </div>

    <script rel="script" src="../../js/jquery.min.js"></script>
    <script rel="script" src="../../js/bootstrap.min.js"></script>
    <script rel="script" src="../../js/bootstrap-table/bootstrap-table.min.js"></script>
    <script rel="script" src="../../js/vue.min.js"></script>
    <script rel="script" src="../../js/vue-validator.min.js"></script>
    <script rel="script" src="../../js/common.js"></script>
    <script rel="script" src="../../js/supply/supply.js"></script>
<script>

</script>
</body>
</html>